<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control"
	content="no-cache,no-store,must-revalidate">
<meta http-equiv="expires" content="0">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>投保申请</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">
<link rel="stylesheet" href="assets/css/LUploader.css">
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<header class="bar bar-nav">
			<h1 class='title'>投保申请</h1>
			<a href="promotion/promotionDetail" id="back"
				class="button button-link button-nav pull-left back" external> <span
				class="icon icon-left"></span> 返回
			</a> </header>

			<div class="content">
				
					<div class="card" id="uploadPhoto">
						
						<%-- <div class="card-content">
							<div class="list-block">
								<ul>
									<li><a href="promotion/uploadPhoto"
										class="item-content item-link" external>
											<div class="item-media">
												<i class="icon icon-f7"></i>
											</div>
											<div class="item-inner">
												<div class="item-title">身份证正面</div>
												<div class="item-after">
													<c:if test="${imgflag==1 }">已上传</c:if>
													<c:if test="${imgflag!=1 }">未上传</c:if>
												</div>
											</div>
									</a></li>
									<li><a href="promotion/uploadPhoto"
										class="item-content item-link" external>
											<div class="item-media">
												<i class="icon icon-f7"></i>
											</div>
											<div class="item-inner">
												<div class="item-title">身份证反面</div>
												<c:if test="${imgflag==1 }">已上传</c:if>
												<c:if test="${imgflag!=1 }">未上传</c:if>
											</div>
									</a></li>
									<li><a href="promotion/uploadPhoto"
										class="item-content item-link" external>
											<div class="item-media">
												<i class="icon icon-f7"></i>
											</div>
											<div class="item-inner">
												<div class="item-title">银行卡正面</div>
												<c:if test="${imgflag==1 }">已上传</c:if>
												<c:if test="${imgflag!=1 }">未上传</c:if>
											</div>
									</a></li>
									<li><a href="promotion/uploadPhoto"
										class="item-content item-link" external>
											<div class="item-media">
												<i class="icon icon-f7"></i>
											</div>
											<div class="item-inner">
												<div class="item-title">银行卡反面</div>
												<c:if test="${imgflag==1 }">已上传</c:if>
												<c:if test="${imgflag!=1 }">未上传</c:if>
											</div>
									</a></li>
									<li><a href="promotion/uploadPhoto"
										class="item-content item-link" external>
											<div class="item-media">
												<i class="icon icon-f7"></i>
											</div>
											<div class="item-inner">
												<div class="item-title">手持身份证</div>
												<c:if test="${imgflag==1 }">已上传</c:if>
												<c:if test="${imgflag!=1 }">未上传</c:if>
											</div>
									</a></li>
								</ul>
							</div>
						</div> --%>
					</div>
					
					<div class="card">
					<div class="card-header">
							<b>4.请上传投保所需照片</b>
						</div>
					<div class="card-content">
						<div class="row">
							<div class="LUploader col-50" id="demo1">
								<div class="LUploader-container" >
									<input data-LUploader='demo1' data-form-file='basestr' data-upload-type='身份证正面' type="file" accept="image/*" name="IdFront"/>
									<ul class="LUploader-list"></ul>
								</div>
								<div>
									<div class="icon icon-camera font20"></div>
									<p>身份证正面</p>
								</div>
							</div>
							<div class="LUploader col-50" id="demo2">
								<div class="LUploader-container">
									<input data-LUploader='demo2' data-form-file='basestr' data-upload-type='身份证反面' type="file" accept="image/*"/>
									<ul class="LUploader-list"></ul>
								</div>
								<div>
									<div class="icon icon-camera font20"></div>
									<p>身份证反面</p>
								</div>
							</div>
						</div>
						<br>
						<div class="row">
							<div class="LUploader col-50" id="demo3">
								<div class="LUploader-container">
									<input data-LUploader='demo3' data-form-file='basestr' data-upload-type='银行卡正面' type="file" accept="image/*"/>
									<ul class="LUploader-list"></ul>
								</div>
								<div>
									<div class="icon icon-camera font20"></div>
									<p>银行卡正面</p>
								</div>
							</div>
							<div class="LUploader col-50" id="demo4">
								<div class="LUploader-container">
									<input data-LUploader='demo4' data-form-file='basestr' data-upload-type='银行卡反面' type="file" accept="image/*"/>
									<ul class="LUploader-list"></ul>
								</div>
								<div>
									<div class="icon icon-camera font20"></div>
									<p>银行卡反面</p>
								</div>
							</div>
						</div>
						<br>
						<div class="row">
							<div class="LUploader col-50" id="demo5">
								<div class="LUploader-container">
									<input data-LUploader='demo5' data-form-file='basestr' data-upload-type='手持身份证照片' type="file" accept="image/*"/>
									<ul class="LUploader-list"></ul>
								</div>
								<div>
									<div class="icon icon-camera font20"></div>
									<p>手持身份证照片</p>
								</div>
							</div>
						</div>
					</div>
				</div>

					<div class="content-block">
						<div class="row">
							<div class="col-100">
								<a  
									class="button button-big button-fill button-success"
									href="promotion/buy4Finish"
									external>完&nbsp;&nbsp;&nbsp;&nbsp;成</a>
							</div>
						</div>
					</div>
					<%@ include file="/include/footer.jsp"%>
				</form>
			</div>
		</div>
	</div>

	<script src="assets/js/LUploader.js"></script>
	<script>
    [].slice.call(document.querySelectorAll('input[data-LUploader]')).forEach(function(el) {
        new LUploader(el, {
            url: 'policy/picturehandler',//post请求地址
            multiple: false,//是否一次上传多个文件 默认false
            maxsize: 102400,//忽略压缩操作的文件体积上限 默认100kb
            accept: 'image/*',//可上传的图片类型
            quality: 0.1,//压缩比 默认0.1  范围0.1-1.0 越小压缩率越大
            showsize:false//是否显示原始文件大小 默认false
        });
    });
    </script>
	
	
</body>
</html>